<template>
    <view class="explain-box">
        <view class="explain-title">
            <text>常见问题</text>
        </view>
        <view class="explain-list">
            <view class="explain-item" v-for="item in findmsgpageList" :key="item.msgId" @click="goInfo(item)">
                <view class="explain-box" >
                    <view class="t1">{{item.msgTitle}}
                        <u-icon name="arrow-right" color="#999999" size="28"></u-icon>
                    </view>
                </view>
            </view>
        </view>
    </view>
    
</template>

<script>
import { mapActions,mapState } from 'vuex';

export default {
	data() {
		return {
			
		};
	},
	onLoad() {
		this.getList()
	},
	computed:{
        ...mapState({
            findmsgpageList:state =>state.person.findmsgpageList,
        })
    },
	methods: {
        ...mapActions(['ActGetFindMsgPage']),
       async getList (){
        await this.ActGetFindMsgPage({msgType:4})
       },
		goInfo(item){
            const msgContent =  item.msgContent.replace(/[(&gt;)(&lt;)/p]/g, '')
            this.$u.route({
                url:'/pages/person/explainHulp',
                params:{
                    msgId:item.msgId,
                    msgContent:msgContent,
                    msgTitle:item.msgTitle
                }
            })
		}
	}
};
</script>

<style lang="scss" scoped>
page {
	height: 100%;
	background-color: #f6f6f6;
}
.explain-box{
    margin: 0 24rpx;
    .explain-title{
        padding:32rpx 0 32rpx 24rpx;
        color: #333333;
        font-size: 28rpx;
    }
    .explain-list{
        background-color: #FFF;
        border-radius: 16rpx;
        .explain-item{
            .explain-box{
                border-bottom: 2rpx solid #f6f6f6;
                .t1{
                display: flex;
                justify-content: space-between;
                align-items: center;
                color: #333333;
                padding: 28rpx 0 26rpx 24rpx;
                font-size: 24rpx;
            }

            }
        }
    }
}
</style>
